<template>
    <div id="details">
        <a-button @click="$router.back()" shape="round" class="back" size="large">
            <template #icon>
                <icon-left-circle />
            </template>
        </a-button>
    </div>
</template>
<script setup>
import { reactive, ref, nextTick } from 'vue';
import ByMusic from "../player/index";
ByMusic.showMode("details", false);
nextTick(() => {
    ByMusic.showMode("details", true);
})
</script>
<style lang="less" scoped>
#details {
    position: relative;

    .back {
        position: absolute;
        top: 30px;
        left: 59px;
        font-size: 20px;
        color: var(--color-text-2);
        z-index: 999;
    }
    ::v-deep(.simple) {
        padding: 5px 40px;
    }
}
</style>